/* Theme Name: The Best Schools Theme Theme URI: http: //www.thebestschools.org Description: A mobile responsive and HTML5 theme built for the Genesis Framework. Author: The Best Schools Author URI: http: //www.thebestschools.org/ Version: 3.0.0 Template: genesis Template Version: 2.1.0 License: GPL-2.0+ License URI: http: //www.gnu.org/licenses/gpl-2.0.html */ /*------------------------------------- HTML5 Reset --------------------------------------- */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}audio,canvas,video{display: inline-block}audio: not([controls]){display: none; height: 0}[hidden],template{display: none}html{font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%}body{margin: 0}a{background: transparent}a: focus{outline: thin dotted}a: active,a:hover{outline: 0}h1{font-size: 2em; margin: .67em 0}abbr[title]{border-bottom: 1px dotted}b,strong{font-weight: 700}dfn{font-style: italic}hr{-moz-box-sizing: flex-box; box-sizing: content-box; height: 0}mark{background: #ff0; color: #000}code,kbd,pre,samp{font-family: monospace,serif; font-size: 1em}pre{white-space: pre-wrap}q{quotes: "\201C" "\201D" "\2018" "\2019"}small{font-size: 80%}sub,sup{font-size: 70%; line-height: 0; position: relative; vertical-align: baseline}sup{top: -.5em}sub{bottom: -.25em}img{border: 0}svg: not(: root){overflow: hidden}figure{margin: 0}fieldset{border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em}legend{border: 0; padding: 0}button,input,select,textarea{font-family: inherit; font-size: 100%; margin: 0}button,input{line-height: normal}button,select{text-transform: none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance: button; cursor: pointer}button[disabled],html input[disabled]{cursor: default}input[type=checkbox],input[type=radio]{box-sizing: border-box; padding: 0}input[type=search]{-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box}input[type=search]:: -webkit-search-cancel-button,input[type=search]:: -webkit-search-decoration{-webkit-appearance: none}button:: -moz-focus-inner,input:: -moz-focus-inner{border: 0; padding: 0}textarea{overflow: auto; vertical-align: top}table{border-collapse: collapse; border-spacing: ; 0} /* Box Sizing --------------------------------------------- */ *, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before {/* content: " "; */display: table; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; } /*------------------------------------- Defaults --------------------------------------- */ /* Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */; } body { background-color: #f8f8f8; color: #333; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.625; } body.home { background-color: #fff; } a, button, input: focus, input[type="button"], input[type="reset"], input[type="submit"], textarea: focus, .button { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ::-moz-selection { background-color: #639eb9; color: #fff; } ::selection { background-color: #639eb9; color: #fff; } a { color: #639eb9; text-decoration: none; } a:hover { color: #fe7625; } p {margin: 0 0 24px; padding: 0; } strong { font-weight: 700; } ol, ul { margin: 0; padding: 0; } ul.spaceafter li, ol.spaceafter li { margin: 0 0 15px; } li { list-style-type: none; } blockquote { color: #555; } blockquote { background: #f0f0f0; border-left: 8px solid #ccc; margin: 30px 20px; padding: 20px; } blockquote p:last-child { margin-bottom: 0; } .pullquote { display: inline-block; text-align: left; color: #639eb9; border-top: 2px solid #b4cfdb; padding: 10px 0 0; padding: 1rem 0 0; font-family: 'Lora', serif; font-style: italic; font-weight: normal; font-size: 19px; max-width: 40%; } .pullquote.alignright { margin: 10px 0 25px 25px; } .pullquote.alignleft { margin: 10px 25px 25px 0; } cite { font-style: normal; } .indent { margin-left: 40px; } .indent2 { margin-left: 80px; } .breadcrumb { margin-bottom: 20px; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.2; margin: 0 0 10px; } h1 { font-size: 40px; } h2 { font-size: 34px; } h3 { font-size: 28px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 18px; } .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { color: #333333; } .entry-content h2.blue, .entry-content h3.blue, .entry-content h4.blue, .entry-content h5.blue, .entry-content h6.blue { color: #639eb9; } .entry-content h3.blue { border-bottom: none; } h2#OnlineCollegesRanking { margin-bottom: 20px; } h4.tbssubtitle { font-family: 'Open Sans', sans-serif; font-size: 16px; margin: -25px 0 25px 0; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } .wp-caption img { max-width: 100%; height: auto; } img { height: auto; } .featured-content img, .gallery img { width: auto; } .cont-prof .video { float: none; margin: 0 auto 10px; overflow: auto; } :target:before { content:""; display:block; height:100px; /* fixed header height*/ margin:-100px 0 0; /* negative fixed header height */ } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ececec; color: #777; font-size: 16px; padding: 14px; width: 100%; } .entry-content #subscribe-email input { padding: 14px; } .entry-content select { width: 75%; margin: 10px 0 30px; font-size: 16px; -webkit-appearance: button; -moz-appearance: none; text-indent: 1px; text-overflow: ''; -webkit-user-select: none; border: 1px solid #bbb; border-radius: 0; color: #535e6b; cursor: pointer; padding: 10px; background: #ebebeb url(images/icon-selectbox.png) no-repeat 98% center; } .entry-content .ninja-forms-cont select { width: 100%; margin: 0; font-size: 16px; -webkit-appearance: button; -moz-appearance: none; text-indent: 0; text-overflow: ''; -webkit-user-select: none; border: 1px solid #bbb; border-radius: 0; color: #535e6b; cursor: pointer; padding: 14px; background: #fff url(images/icon-selectbox.png) no-repeat 96% center; } .entry-content .ninja-forms-form-wrap label { font-weight: 400; } form.boc { text-align: center; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #666; opacity: 1; } ::-webkit-input-placeholder { color: #666; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .home-top .more-link { background-color: #639eb9; border: none; border-radius: 3px; color: #fff; cursor: pointer; font-size: 16px; padding: 16px 24px; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .home-top .more-link:hover { background-color: #4d8fad; color: #fff; } .entry-content .button:hover, .footer-widgets .button { color: #fff; } .button { display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 1.2; font-size: 14px; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } td, th { text-align: left; } td { border-top: 1px solid #ddd; padding: 6px 0; } th { font-weight: 600; text-transform: uppercase; } table.full-width { width: 100%; } .full-width th { background-color: #639eb9; color: #fff; } .full-width td, .full-width th { padding: 8px 20px 8px 6px; vertical-align: top; } /*------------------------------------- Structure and Layout --------------------------------------- */ /* Site Containers --------------------------------------------- */ .wrap { margin: 0 auto; max-width: 1120px; } .site-inner { clear: both; margin-top: 85px; padding-top: 40px; } .home .site-inner { display: none; } /*------------------------------------- Column Widths and Positions --------------------------------------- */ /* Content */ .content { float: right; width: 800px; padding: 0 30px; } .content-sidebar .content { float: left; } .full-width-content .content { width: 100%; } /* Primary Sidebar */ .sidebar-primary { float: right; width: 300px; } .sidebar-content .sidebar-primary { float: left; } .sticky-sidebar, .mss { width: 300px; } /* Column Classes Link: http: //twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css --------------------------------------------- */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /*------------------------------------- Common Classes --------------------------------------- */ /* Avatar --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar, .author-box .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .comment .avatar { margin: 0 16px 24px 0; } /* Titles --------------------------------------------- */ .archive-title { font-size: 26px; } .entry-title a { margin: 0; color: #3c6d84; } .home .entry-title { font-size: 22px; } .entry-title a, .sidebar .widget-title a { color: #639eb9; } h1.entry-title { color: #639eb9; } .magazine h1.entry-title { margin: 10px 0 0; } .entry-title a:hover { color: #4885a1; } .magazine h4.widget-title:after { background-color: #f37625; } .sidebar .widget-title, .intro .widget-title { margin: -10px -20px 10px; border-bottom: 1px solid #ececec; padding: 10px 20px; color: #639eb9; } .sidebar .widget-title { font-size: 22px; } .footer-widgets .widget-title { color: #ccd8dd; border-bottom: 1px solid #ccd8dd; font-size: 18px; margin: 0; padding: 0; } /* WordPress --------------------------------------------- */ .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } a.alignnone { display: inline-block; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } .aligncenter.size-full { margin: 0 auto 24px auto; } img.alignnone, .alignnone { margin-bottom: 12px; } a.alignleft, img.alignleft, .wp-caption.alignleft, figure.alignleft { margin: 6px 24px 12px 0; } a.alignright, img.alignright, .wp-caption.alignright, figure.alignright { margin: 6px 0 12px 24px; } .entry-content p.wp-caption-text { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #4e4e4e; border: 0; margin-bottom: 0; : } .entry-content .wp-caption.alignright { text-align: left; } .entry-content p.author { font-size: 14px; font-family: 'Open Sans', sans-serif; margin-top: -25px; } .magazine .entry-content p.author { margin-top: -20px; } .entry-content p.author a { color: #333; } .entry-content p.author a:hover { color: #3C6D85; } figure .aligncenter, figure .aligncenter.size-full { margin: 0; } figure figcaption { display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.5; color: #4e4e4e; margin: -10px 0 30px 0; } figure.alignleft figcaption, figure.alignright figcaption { margin-bottom: 0; } .tbssidebar span.dashicons { font-family: dashicons; margin-top: 4px; } /*------------------------------------- Widgets --------------------------------------- */ .widget { word-wrap: break-word; margin-bottom: 40px; } .widget li { border-bottom: 1px dotted #ececec; margin-bottom: 10px; padding-bottom: 10px; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: none; margin: 0 0 0 30px; padding: 0; } .widget ul > li:last-child, .widget p:last-child { margin-bottom: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Featured Content --------------------------------------------- */ .featured-content .alignnone { margin-bottom: 0; } /*--------------------------------------- Plugins ----------------------------------------- */ /* contact form -------------------------------------------- */ .wpcf7 { clear: both; } .wpcf7 input[type="text"], .wpcf7 input[type="email"] { width: 100%; } .wpcf7-quiz-label { width: 100%; } input.wpcf7-form-control.wpcf7-quiz[type="text"] { width: auto; } /* quiz --------------------------------------------- */ .entry-content .num-only .question-content { float: left; width: 30px; margin: 0; font-size: 14px; font-family: 'Lato', sans-serif; } .quiz-form input[type='radio'] { margin: 0 3px 0 0; } .entry-content .watupro_num { display: none; } .watupro-question-choice { font-size: 14px; padding-left: 30px; } .watupro_buttons td { border: none; } .watupro_buttons tbody { border: none; } #timeNag a { padding-left: 5px; } /* subscribe ------------------------ */ .entry-content .subscribe { width: 40%; position: relative; background-color: #ebebeb; padding: 20px 3%; text-align: left; } .entry-content .subscribe.aligncenter { width: 85%; padding: 3%; } .entry-content .subscribe.aligncenter input[type="email"] { width: 55%; } .entry-content .subscribe.aligncenter input[type="submit"] { width: 30%; padding: 1%; display: inline-block; float: right; margin: 0; } .subscribe.alignright { margin: 0 0 3% 3%; } .entry-content .subscribe p { font-family: 'Open Sans', sans-serif; font-size: 14px; border-top: 1px solid #ebebeb; padding: 4% 0 0; margin-bottom: 0; } .subscribe h4 { font-size: 18px; font-weight: 600; text-align: center; } .entry-content .subscribe input { width: 75%; font-size: 14px; padding: 5px 10px; } .entry-content .subscribe input[type="submit"] { display: block; padding: 2.5%; margin: 5% auto 0; width: 60%; font-size: 16px; background-color: #3c6d84; } .entry-content .subscribe input:hover[type="submit"] { background-color: #639eb9; } .subscribe .mc4wp-form-fields input[type="email"] { } /* Visual Composer -------------------------------------------- */ .entry-content .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: #f8f8f8; } .entry-content .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header { background-color: #eeeeee; } .entry-content .wpb_accordion_wrapper .wpb_text_column, .entry-content .wpb_tabs .wpb_content_element { clear: both; border-bottom: 1px solid #d2d2d2; overflow: auto; padding-bottom: 20px; } .entry-content .wpb_content_element .wpb_tabs_nav li { background-color: #639eb7; border-right: 1px solid #ebebeb; } .entry-content .wpb_content_element .wpb_tabs_nav li a { color: #fff; } .entry-content .wpb_content_element .wpb_tabs_nav li a:hover { color: #fff; } .entry-content .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: #fff; padding: 20px; } .entry-content .wpb_content_element .wpb_tabs_nav .ui-tabs-active a { background-color: #3c6d84; color: #fff; } .entry-content .wpb_content_element .wpb_tabs_nav li:hover { background-color: #d2d2d2; } .entry-content .wpb_content_element .wpb_tabs_nav li:hover { background-color: #d2d2d2; } .entry-content .wpb-js-composer .wpb_tabs .wpb_content_element { border-bottom: 1px solid #d2d2d2; overflow: auto; padding-bottom: 20px; } .entry-content .wpb_content_element .wpb_tabs_nav { background-color: #639eb7; } .resources .entry-content .wpb_content_element { overflow: auto; margin-bottom: 25px; } /* Ninja Forms -------------------------------------------- */ .left-half-wrap { width: 45%; float: left; margin-right: 20px; } .right-half-wrap { width: 45%; float: right; } .entry-content .field-wrap, #ninja_forms_required_items { margin-bottom: 30px; clear: right; } .entry-content .ninja-forms-req-symbol { color: #000000; } /* Tweet This -------------------------------------------- */ .tbstweetthis { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.4; display: block; text-align: left; padding: 7px 5px 9px 22px; border-top: 1px solid #bad3e0; border-bottom: 2px solid #bad3e0; } .tbstweetthis.alignright, .tbstweetthis.alignleft { width: 34%; clear: both; } .tbstweetthis.alignright { float: right; margin: 5px 0 10px 24px; } .tbstweetthis.alignleft { float: left; margin: 5px 24px 10px 0; } .tbstweetthis img {vertical-align: middle; border: 0; margin: 0 0 0 -22px; padding: 0; } .tbstweetthis .dashicons {float: left; overflow: display; margin: 0 0 0 -23px; color: #55acee; font-size: 19px; } /* Top Ten -------------------------------------------- */ .tptn_posts_widget img { float: left; margin: 0 10px 10px 0; } .tptn_posts_widget {font-size: 16px; line-height: 1.25; } .tptn_posts_widget li { display: inline-block; } .tptn_posts_widget { margin-top: 10px; } /*--------------------------------------- Site Header ----------------------------------------- */ .site-header { border-bottom: 3px solid #3c6d84; position: fixed; width: 100%; z-index: 999; top: 0; } .admin-bar .site-header { top: 32px; } .mag-header { position: fixed; width: 100%; z-index: 999; top: 0; } .admin-bar .mag-header { top: 32px; } .home .site-header { background-color: #fff; } .site-header { background-color: #f8f8f8; } /* Shrink --------------------------------------------- */ .shrink .title-area { width: 135px; } .site-header.shrink { min-height: 50px; padding: 0; } .mag-header.shrink { min-height: 50px; padding: 5px 0 0 0 } .shrink .title-area a { height: 40px; width: 130px; background-size: contain; } .shrink .magazine-nav li { padding: 5px 21px; } .shrink .magazine-nav li a { font-size: 14px; } .shrink .magazine-nav { margin-top: 0; } .shrink .magazine-nav-secondary li a { font-size: 12px; } .magazine .shrink .title-area a { height: 69px; width: 95px; background-size: contain; } .shrink .nav-secondary a { display: block; } .shrink .nav-primary a { font-size: 14px; padding: 5px 17px 7px; margin-top: 8px; } .shrink .site-description { display: none; } .shrink .nav-secondary { display: none; } .shrink li.search { margin: 10px 0 0 20px; } /* Title Area --------------------------------------------- */ .title-area {float: left; padding: 0 0 4px; } .magazine .title-area { padding: 0; } .magazine .title-area { padding: 0; } .title-area a { display: block; float: left; height: 62px; overflow: hidden; padding: 0; text-indent: -9999px; width: 200px; background: url(images/logo.png)no-repeat scroll left top transparent; margin-top: 5px; background-size: contain; } .site-description {font-size: 11px; line-height: 1; float: right; margin-top: -15px; color: #3c6d84; font-style: italic; clear: both; } .site-description, p.site-description .site-title { margin-bottom: 0; } .header-image .site-title { display: block; text-indent: -9999px; } /*--------------------------------------- Site Navigation ----------------------------------------- */ .genesis-nav-menu { clear: both; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.5; } .genesis-nav-menu a { color: #3c6d84; } .genesis-nav-menu .menu-item { display: inline-block; } .genesis-nav-menu a { display: block; } .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #639eb9; } .genesis-nav-menu .sub-menu { border-top: 1px solid #ececec; left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 200px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #f8f8f8; border: 1px solid #ececec; border-top: none; color: #333; font-size: 12px; padding: 16px 24px; position: relative; width: 200px; } .genesis-nav-menu .sub-menu .sub-menu { margin: -52px 0 0 199px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } /* Site Header Navigation --------------------------------------------- */ .site-header .genesis-nav-menu li li { margin-left: 0; } /* Primary Navigation --------------------------------------------- */ .nav-primary { float: right; clear: right; } .nav-primary a {padding: 5px 13px 7px; } .nav-primary a:hover, .nav-primary .current-menu-item > a, .nav-primary .sub-menu a:hover, .nav-primary .sub-menu .current-menu-item > a:hover { background-color: #639eb9; color: #fff; } .nav-primary .sub-menu { border-color: #222; } .nav-primary .sub-menu a { background-color: #333; border-color: #222; color: #fff; } /* Nav menu Search Form --------------------------------------------- */ .search-form { overflow: hidden; } li.search { float: right; margin: 3px 0 0 20px; width: 220px; } .site-header .search-form { padding-left: 5px; position: relative; border: 1px solid #dadada; width: 100%; background-color: #ebebeb; } .search-form input { -webkit-appearance: none; } .site-header .search-form input[type="search"] { background-color: transparent; border: none; color: #333; font-size: 14px; text-align: left; padding: 0; -webkit-font-smoothing: antialiased; } li.search .search-form input[type="submit"] { content: "\f4a4"; font-family: "ionicons"; color: #ababab; font-size: 18px; -webkit-font-smoothing: antialiased; vertical-align: middle; background: transparent; border: none; right: 0; position: absolute; top: 0px; border-left: 1px solid #dadada; padding: 2px 8px 2px 8px; border-radius: 0; } li.search .search-form input[type="submit"]:hover { background-color: #3c6d84; color: #fff; font-weight: bold; } .entry-content .search-form input { float: left; } /* Magazine Nav menu Search Form --------------------------------------------- */ .toggle-widget { cursor: pointer; display: none; } .toggle-link a { display: none; } .toggle-link::before { content: "\f4a4"; font-family: "ionicons"; font-size: 20px; color: #fff; cursor: pointer; display: inline-block; margin-top: -2px; margin-left: 0; } .magazine .search-form input[type="search"] { font-size: 14px; padding: 3px 0 3px 45px; } .magazine .search-form input[type="submit"] { display: none; } .magazine .search-form::-webkit-input-placeholder { color: #fff; font-weight: 100; } .magazine .search-form:-moz-placeholder { color: #fff; font-weight: 100; } .magazine .search-form::-moz-placeholder { color: #fff; font-weight: 100; } .magazine .search-form:-ms-input-placeholder { color: #fff; font-weight: 100; } .magazine .toggle-widget { display: none; z-index: 1000000; position: fixed; top: 145px; } .magazine .shrink .toggle-widget { position: fixed; top: 85px; } .magazine .toggle-widget { width: 100%; } .magazine .toggle-widget .widget { margin-bottom: 0; } .magazine .search-form input { float: right; width: 550px; padding: 0 0 0 80px; background: #3c6d84 url(images/search-white.png) 10px 13px no-repeat; box-sizing: border-box; display: block; background-color: #aaa; border: none; box-shadow: none; outline: none; height: 50px; font-size: 16px; color: #fff; } /* Secondary Navigation --------------------------------------------- */ .nav-secondary { overflow: hidden; position: relative; z-index: 4; float: right; } .nav-secondary li { list-style-type: none; padding: 0 10px; } .nav-secondary li:last-child { border-right: none; padding-right: 0; } .nav-secondary a { font-size: 11px; padding: 0; text-decoration: none; } .nav-secondary a:hover { color: #fe7625; } /* Responsive Menu --------------------------------------------- */ /*#responsive-menu-icon { cursor: pointer; display: none; } #responsive-menu-icon::before { content: "\f333"; display: block; font: normal 30px/1 'dashicons'; margin: 0 auto; padding: 20px 0; text-align: center; color: #3c6e85; } .magazine #responsive-menu-icon::before { padding: 10px 0; }*/ button.slide-nav-link {background-color: transparent; color: #3c6e85; float: left; width: auto; z-index: 10; position: fixed; padding: 0; top: 10px; left: 15px; } /*a.search-link { display: none; }*/ .mobile-search { display: none; } a.search-link { display: none; } /*--------------------------------------- Content Area ----------------------------------------- */ /* Home Page --------------------------------------------- */ .home .widget { margin-bottom: 0; } .popular .widget-title, .rankings .widget-title, .latest .widget-title, .trending .widget-title { font-size: 35px; font-weight: 400; margin-bottom: 40px; text-align: center; } .home-featured { padding: 70px 0 50px; margin-top: 70px; background: url(images/insp-bkg.png) center top; } .home-featured .widget_text { float: right; background: url(images/intro-img.jpg) right top; width: 800px; height: 380px; padding: 100px 300px 0 50px; color: #fff; } .home-featured .widget_text p { text-shadow: 1px 1px 3px rgba(0,0,0,0.9); line-height: 1.3; font-weight: 300; font-size: 32px; } .home-top .featured-content { width: 30.623931623931625%; float: left; margin-right: 2.564102564102564%; } .home-top .entry-title a { color: #fff; } .home-top .entry-header { margin-top: -75px; padding: 10px; text-shadow: 0px 1px 0px rgba(0,0,0,0.9); } .intro, .trending, .popular, .rankings, .latest { padding: 50px 0; padding: 5rem 0; } .intro .widget_nav_menu { float: left; width: 320px; margin-right: 30px; border: 1px solid #eeeeee; padding: 20px 20px 30px; background-color: #f8f8f8; } .intro .widgettitle { font-size: 20px; margin-bottom: 20px; } .intro li { font-size: 18px; line-height: 1.2; } .intro .featured-content .widget-title { padding: 0; text-align: center; } .intro .textwidget { float: right; width: 68%; } .trending h4.widgettitle { color: #fff; } .trending .tptn_posts_daily li { width: 31.623931623931625%; float: left; margin-right: 2.564102564102564%; border-bottom: none; } .trending .tptn_posts_daily li:nth-of-type(3n+3) { margin-right: 0; } .trending h4.widgettitle:before { content: url(images/trending-arrow.png); vertical-align: -webkit-baseline-middle; margin-right: 10px; } .trending img.tptn_thumb.tptn_featured { width: 40%; } .trending { background-color: #1d3846; } .trending li a { color: #FFFFFF; font-size: 20px; } .trending li a:hover { opacity: 0.6; } .rankings { background-color: #ededed; } .rankings .rank { margin: 20px 0 0; } .rankings .rank li { position: relative; display: inline-block; padding: 45px 0; font-size: 25px; width: 150px; height: 150px; border-bottom: none; border-radius: 50%; margin: 20px 5%; float: left; text-align: center; line-height: 1; } .rankings .rank li a { color: #fff; text-shadow: 2px 2px rgba(0, 0, 0, 0.2); } .rankings .assoc { background-color: #14afbe; } .rankings .assoc:hover { background-color: #11939f; } .rankings .bach { background-color: #fdc00f; } .rankings .bach:hover { background-color: #e8ad02; } .rankings .mast { background-color: #2c5770; } .rankings .mast:hover { background-color: #224458; } .rankings .sch { background-color: #de3e17; } .rankings .sch:hover { background-color: #bf3514; } .home .popular { background-color: #639eb9; } .home .popular h4 { color: #fff; } .home .popular li:before { font-family: dashicons; content: "\f345"; background-color: #f37625; color: #fff; border-radius: 50%; font-size: 20px; padding: 5px 5px 5px 7px; margin: 0 10px 0 -45px; vertical-align: middle; } .home .popular li { border-bottom: none; } .popular a { color: #fff; } .popular a:hover { color: #ccc; } .home .popular .widget_nav_menu { width: 26.5%; float: left; margin: 0 2.5% 0 50px; line-height: 1.2; } .home .popular .widget_nav_menu:last-child { margin-right: 0; } .home .latest article { width: 31%; display: inline-block; vertical-align: top; margin-right: 2.5%; } .home .latest article:last-child, .home .latest article:nth-of-type(3n+3) { margin-right: 0; } .latest .entry-title a { font-size: 24px; color: #639eb9; } .latest .entry-title a:hover { color: #4885a1; } .latest .entry-header { padding: 10px 0; } .home .latest .featured-content .entry-content { padding: 0; font-size: 16px; } .home .latest .featured-content .entry { border-bottom: none; margin-bottom: 40px; } /*--------------------------------------- Entries ----------------------------------------- */ .entry { margin-bottom: 10px; } .entry-header { padding: 0 0 20px; color: #639eb9; } .entry-content ol, .entry-content p, .entry-content ul { margin-bottom: 26px; font-family: 'Lora', serif; } .entry-content ol, .entry-content ul { margin-left: 40px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #333; color: #ddd; } article.post-41229.magazine img { margin: 8px 0 28px; } .culinary .degree-finder-bottom { display: none; } .culinary .sticky-sidebar { display: none; } .no-df a.sdeg, .no-df .degree-finder-bottom, .no-df a.cdeg { display: none; } .no-wdgt .degree-finder-bottom, .no-wdgt a.sdeg { display: none; } .panelist { display: flex; } .panelist .wp-caption { text-align: center; padding-right: 10px; width: 19%; } /* Entry Meta --------------------------------------------- */ p.entry-meta { color: #aaa; font-size: 14px; margin-bottom: 0; } .entry-meta a { font-weight: 700; } .entry-header .entry-meta { margin: 10px 0 0; margin: 1rem 0 0; } .entry-footer { margin-top: 22px; } .entry-footer .entry-meta { border-top: 1px solid #ececec; margin: 0 -40px; padding: 40px 40px 0; padding: 4rem 4rem 0; } .entry-tags { float: right; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* Entry buttons ----------------------------------------- */ .elrn, .cdeg, .post-button { display: block; background: #639EB9; padding: 5px; margin: 30px auto; color: #fff; text-align: center; border-radius: 5px; font-size: 16px; border-width: 1px 1px 3px; border-color: #4d8fad; border-style: solid; position: relative; } .sidebar .fsch .cdeg { margin-bottom: 0; } .entry-content a.cdeg::after, .entry-content a.elrn::after { content: 'sponsored school'; position: absolute; bottom: 0; right: 2px; font-size: 8px; text-transform: uppercase; letter-spacing: .5px; color: #ccc; } .entry-content a.cdeg, .entry-content a.elrn { padding-bottom: 12px; } .home .post-button { clear: both; font-size: 22px; font-weight: 300; } .fsch .cdeg { font-size: 18px; padding: 13px 0; line-height: 1.2; } p.fsch { margin-bottom: 10px; } .post-button { width: 300px; } a.elrn, a.cdeg, a.post-button { color: #fff; text-decoration: none; line-height: 1.5; font-family: 'Open Sans', sans-serif; } a.elrn:hover, a.cdeg:hover, a.post-button:hover { background-color: #4d8fad; border-color: #639EB9; text-decoration: none; } .schlr { padding: 10px 20px; font-family: 'Open Sans', sans-serif; font-size: 20px; color: #fff; background: #fe7625; text-shadow: none; line-height: 30px; border-radius: 5px; } .schlr:hover { color: #ffffff; background-color: #ef5a01; } /* Entry sidebar ----------------------------------------------------- */ .entry-content .tbssidebar, .entry-content .tbssidebar p, .entry-content .tbssidebar ul, .entry-content .tbssidebar li, .entry-content .tbssidebar span, .entry-content .tbssidebar div { font-family: 'Open Sans', sans-serif; font-size: 14px; } .entry-content .tbssidebar h2, .entry-content .tbssidebar h3 { font-size: 18px; margin: 0 0 5px 0; margin: 0 0 .5rem 0; border: 0; background: none; } .entry-content .tbssidebar hr { border: 1px solid #e7e7e7; } .entry-content .tbssidebar img.aligncenter, .entry-content .tbssidebar img.alignright, .entry-content .tbssidebar img.alignleft, .entry-content .tbssidebar img.alignnone { margin: 5px 0; } .entry-content .tbssidebar p { margin: 0; padding: 0; } .entry-content .tbssidebar { clear: both; padding: 10px; width: 40%; text-align: left; background-color: #f1f1f1; } .entry-content .tbssidebar.alignright { margin: 0 0 10px 20px; } .entry-content .tbssidebar.alignleft { margin: 0 20px 10px 0; } .entry-content .tbssidebar ul, .entry-content .tbssidebar ol { border: 0; margin: 0 0 10px 5px; } .entry-content .tbssidebar ul li { list-style: square outside; border: 0; margin: 0 0 0 15px; padding: 0; text-indent: 0; } .entry-content .tbssidebar ol li { border: 0; margin: 0 0 0 16px; padding: 0; text-indent: 0; } .tbssidebar .sasi { margin: 0; padding: 0; } .tbssidebar .sasi p { text-align: center; font-weight: 600; margin: 0; padding: 0; } .tbssidebar input[type="email"] { padding: 2%; width: 75%; font-size: 14px; margin-right: 2%; } .tbssidebar input[type="submit"] { padding: 2% 3%; font-size: 14px; } /* sponsored content tag ----------------------------------------------------- */ .entry-content p.sponsored { font-size: 12px; font-family: 'Open Sans', sans-serif; margin-top: -30px; font-weight: 600; text-transform: uppercase; color: #86B3C8; text-decoration: overline; } p.sponsored a { color: #86B3C8; } p.sponsored a:hover { color: #86B3C8; } /* 100 best colleges styling ----------------------------------------------------- */ .entry-content ul.state-list { max-width: 400px; margin: 0 auto 20px; } .entry-content .state-list li { display: inline-block; list-style: none; background-color: #639eb9; border-radius: 50%; width: 30px; line-height: 30px; text-align: center; } .state-list li:hover { background-color: #FE7625; } .entry-content ul.state-list li { margin: 0 5px 5px 0; } .state-list li a { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } .state-list li a:hover { text-decoration: none; } /* 30 best online banners ---------------------------------------------------- */ .entry-content h3.college { border-top: 3px solid #ebebeb; border-bottom: none; margin-top: 40px; } .num { display: inline-block; background-color: #FE7625; color: #fff; padding: 10px; margin: -3px 10px 0 0; } h3.college a { color: #FE7625; } h3.college a:hover { color: #ef5a01; } /* Media ---------------------------------------------------- */ .media-img { display: inline-block; width: 150px; margin: 0 20px 20px 0; line-height: 1; text-align: center; vertical-align: top; } .media-img img { margin: 0; } .media-img a { font-size: 12px; } /* Expanding Sidebar ---------------------------------------------------- */ .modalDialog { position: fixed; font-family: 'Open Sans', sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog h4.widget-title { color: #fff; border-bottom: none; text-transform: uppercase; } .modalDialog:target { opacity: 1; pointer-events: auto; } .modalDialog .degree, .modalDialog .category { margin-bottom: 15px; } .modalDialog > div { width: 320px; position: relative; margin: 10% auto; padding: 30px 40px 40px; background: #3c6d84; } .modalDialog > div p.spnsr { margin-top: 30px; } .close { color: #FFFFFF; position: absolute; right: 10px; text-align: center; top: 10px; width: 24px; text-decoration: none; font-weight: bold; } .close:hover { color: #cccccc; } /* Pagination --------------------------------------------- */ .pagination { clear: both; margin: 40px 0; } .archive-pagination ul li, .archive-pagination a span.custom-page-links, .archive-pagination span.custom-page-links { cursor: pointer; display: inline-block; font-size: 16px; padding: 8px 12px; float: left; margin: 0 5px 5px 0; min-width: 35px; text-align: center; } .archive-pagination ul li, .archive-pagination a span.custom-page-links, .archive-pagination span.custom-page-links, .archive-pagination ul li a { color: #fff; } .archive-pagination ul li.active, .archive-pagination ul li:hover, .archive-pagination span.custom-page-links:hover, .archive-pagination > span { background-color: #fe7625; } .archive-pagination ul li, .archive-pagination a span.custom-page-links { background-color: #3c6d84; } .pagination i { padding-bottom: 1px; vertical-align: middle; } .search-results .pagination { display: none; } /* Comments -------------------------------------------- */ .entry-comments, .comment-respond { padding: 40px 0; } .entry-comments { border-bottom: 1px solid #e3e3e3; padding-right: 0; } .ping-list { margin-bottom: 40px; } .comment-content { clear: both; } .entry-comments .comment-author { color: #000; font-weight: 700; margin-bottom: 0; } .entry-comments .comment-meta { font-size: 12px; text-transform: uppercase; } .entry-comments p.alert { font-weight: bold; font-size: 24px; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50% } .comment-respond label { display: block; margin-right: 12px; } .comment-list li, .ping-list li { list-style-type: none; margin-top: 24px; padding: 4%; word-break: break-word; } .comment-list li li { margin-right: -4%; } li.comment { background-color: #f5f5f5; border: 1px solid #e3e3e3; } .comment .avatar { margin: 0 16px 24px 0; } .form-allowed-tags { background-color: #f5f5f5; font-size: 14px; padding: 24px; } li.depth-2 { background-color: #fff; } /* Degree Finder Bottom -------------------------------------------- */ .degree-finder-bottom { margin: 40px auto 0; text-align: center; } .degree-finder-bottom .widget { padding: 20px 20px 30px; } .degree-finder-bottom h4 { color: #FFFFFF; font-size: 24px; text-transform: none; } .degree-finder-bottom form.degree-finder select { float: left; width: 29%; margin: 10px 15px 20px; font-size: 14px; -webkit-appearance: button; } .degree-finder-bottom form.degree-finder input[type="submit"] { width: 250px; margin: 0 auto; line-height: 23px; } /*--------------------------------------- Sidebars ----------------------------------------- */ .sidebar .widget_text, .sidebar .widget_nav_menu, .sidebar .widget_widget_tptn_pop { background-color: #fff; border: 1px solid #ececec; box-shadow: 0 1px #ececec; padding: 10px 20px 20px; position: relative; } .magazine .sidebar .widget_text, .magazine .sidebar .widget_nav_menu { border: 0; box-shadow: none; padding: 0; } .sidebar .degree-finder-wrapper .widget { border: none; } .magazine section#mc4wp_form_widget-3, .magazine section#mc4wp_form_widget-4 { background-color: #639eb9; padding: 10px; } .magazine .sidebar .widget_mc4wp_form_widget h4 {margin: 0 0 10px; color: #fff; } .sidebar .widget_mc4wp_form_widget input {padding: 1.4%; width: 60%; float: left; } .sidebar .widget_mc4wp_form_widget p { font-size: 12px; margin-bottom: 0; } .sidebar .widget_mc4wp_form_widget a { color: #fff; } .sidebar .widget_mc4wp_form_widget a:hover { text-decoration: underline; } .sidebar .widget_mc4wp_form_widget input[type="submit"] { display: block; padding: 2.3%; width: 40%; font-size: 14px; float: right; background-color: #f37625; border-top-left-radius: 0; border-bottom-left-radius: 0; } .sidebar .widget_mc4wp_widget input:hover[type="submit"] { background-color: #639eb9; } .subscribe-page .mc4wp-form-fields label { float: left; display: inline-block; margin: 10px; } .subscribe-page .mc4wp-form-fields input[type="email"] {float: left; display: inline-block; width: 80%; } .subscribe-page .mc4wp-form-fields input[type="submit"] { margin: 10px auto; text-align: center; background-color: #3c6d84; padding: 10px 20px; } .subscribe-page form#mc4wp-form-1 { text-align: center; padding: 20px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .sidebar section#text-41 { background-color: transparent; border: none; padding: 15px 0; box-shadow: none; : } .no-df .widget { margin-bottom: 45px; } /* search degrees button -------------------------------------------- */ .sdeg { position: relative; display: block; background: #639EB9; padding: 10px 0 10px 15px; color: #fff; text-align: left; border-radius: 2px; font-size: 26px; } a.sdeg:hover { background-color: #4d8fad; text-decoration: none; color: #fff; } .sdeg::after { font-family: dashicons; content: "\f179"; background-color: #f37625; color: #fff; font-size: 35px; padding: 3px 15px; position: absolute; top: 0; right: 0; border-left: 1px solid #ebebeb; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .sidebar #text-16.widget { background-color: transparent; border: 0px; padding: 0; } /* online scholarship button -------------------------------------------- */ .sidebar #text-17.widget, .sidebar #text-40 { padding: 0; background-color: transparent; box-shadow: none; } .schbtn { position: relative; display: block; background: #639EB9; text-align: left; color: #fff; border-radius: 2px; padding: 15px 20px; font-size: 20px; line-height: 1; } .schbtn::after { font-family: dashicons; content: "\f345"; background-color: #f37625; color: #fff; font-size: 50px; padding: 20px 7px; position: absolute; top: 0; right: 0; border-left: 1px solid #ebebeb; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .schbtn span { font-size: 14px; } a.schbtn:hover { background-color: #4d8fad; color: #ffffff; } /* Degree finder -------------------------------------------- */ .degree-finder-wrapper, .degree-finder-bottom { background-color: #3c6d84; position: relative; } .home .degree-finder-wrapper { width: 320px; float: left; height: 380px; } .home .degree-finder-wrapper .widget { margin-bottom: 0; } .home .degree-finder-wrapper .widget { padding: 30px 40px; } .sidebar-primary .degree-finder-wrapper .widget, .magazine .degree-finder-wrapper .widget { padding: 20px 40px 40px; } .degree-finder-wrapper h4.widgettitle { color: #fff; text-align: center; border-bottom: none; margin: 0; padding-bottom: 10px; text-transform: uppercase; font-weight: 400; } form.degree-finder label { color: #fff; font-size: 14px; } form.degree-finder select { width: 100%; margin-bottom: 10px; font-size: 14px; -webkit-appearance: button; -moz-appearance: none; text-indent: 1px; text-overflow: ''; -webkit-user-select: none; border: 1px solid #bbb; border-radius: 0; color: #535e6b; cursor: pointer; padding: 5px 10px; background: #ebebeb url(images/icon-selectbox.png) no-repeat 97% center; } form.degree-finder input[type="submit"] { width: 100%; padding: 6px 0; font-size: 18px; color: #fff; background: #fe7625 url(images/right-arrow.png) no-repeat right center; text-shadow: none; line-height: 30px; border-radius: 5px; margin-top: 20px; } form.degree-finder input[type="submit"]:hover { background-color: #ef5a01; } form.degree-finder select::-ms-expand { display: none; } p.spnsr {color: #ccc; font-size: 9px; text-transform: uppercase; letter-spacing: .5px; position: absolute; bottom: 2px; right: 4px; } p.spnsr.dk { color: #666; } .sidebar #text-30 p.spnsr { bottom: 12px; right: 4px; } .sidebar #text-30 { padding: 0; border: 0; box-shadow: none; background-color: transparent; position: relative; } /*--------------------------------------- Footer ----------------------------------------- */ /* Footer Widgets -------------------------------------------- */ .footer-widgets { background-color: #3c6d84; clear: both; padding: 60px 0 20px; line-height: 2; } .footer-widgets .widget { margin-bottom: 0; text-align: center; } .footer-widgets li { display: inline; border-bottom: none; padding: 0 10px; } .footer-widgets li a { color: #ccd8dd; } #menu-footer-middle li { border-right: 1px solid #ccd8dd; } #menu-footer-middle li:last-child { border-right: none; } .footer-widgets li a:hover { color: #fff; } .menu-footer-top-container, .menu-footer-middle-container, .menu-magazine-footer-container { text-transform: uppercase; } .menu-footer-top-container { margin: 40px 0 20px; font-size: 18px; } .menu-footer-middle-container { font-size: 14px; font-weight: 300; margin: 20px 0 40px; } .footer-facebook:before, .footer-twitter:before, .footer-google:before, .footer-rss:before, .footer-subscribe:before { font-family: 'dashicons'; font-size: 26px; color: #fff; background-color: #fe7625; border-radius: 50%; padding: 15px; } .footer-facebook:hover:before, .footer-twitter:hover:before, .footer-google:hover:before, .footer-rss:hover:before, .footer-subscribe:hover:before { background-color: #ef5a01; } .footer-facebook:before { content: "\f305"; } .footer-twitter:before { content: "\f301"; } .footer-google:before { content: "\f462"; } .footer-subscribe:before { content: "\f466"; } .footer-rss:before { content: "\f303"; } /* Site Footer ----------------------------------------- */ .site-footer { background-color: #3c6d84; border-top: 1px solid #ccd8dd; color: #ccd8dd; font-size: 12px; letter-spacing: 1px; padding: 20px 0; padding: 2rem 0; text-align: center; text-transform: uppercase; } .site-footer a { color: #ccd8dd; } .site-footer a:hover { color: #fff; } .site-footer p { margin-bottom: 0; } .creds { float: left; } .magazine .creds { float: none; } .menu-footer-bottom-container { float: right; } #menu-footer-bottom li { display: inline; margin-right: 20px; } /*------------------------------------- Magazine --------------------------------------- */ /* Magazine -------------------------------------------- */ .magazine .site-inner { margin-top: 100px; padding-top: 40px; background-color: #f7f8f8; } .magazine .title-area a { display: block; float: left; height: 90px; overflow: hidden; padding: 0; text-indent: -9999px; width: 120px; background: url(images/logo-magazine.png) no-repeat scroll left top transparent; margin-top: 0; } header.mag-header { background-color: #3c6d84; padding: 10px 0 0; } .magazine-nav { float: right; margin-top: 10px; background-color: #335d70; } .magazine-nav li { display: inline-block; float: left; padding: 10px 14px; } .magazine-nav li a { color: #fff; font-size: 16px; } .magazine-nav li a:hover { color: #ccc; } .magazine-nav-secondary { float: right; } .magazine-nav-secondary li { display: inline-block; padding: 0 10px; } .magazine-nav-secondary li a { color: #fff; font-size: 14px; } .magazine-nav-secondary li a:hover { text-decoration: underline; } .magazine .featured-content .entry-content { padding: 0; font-size: 16px; } .magazine-header-ad { text-align: center; padding: 10px 0; } .sidebar .magazine-sidebar .widget, .magazine .mss .widget { background-color: transparent; } .magazine h1, .magazine h2, .magazine h3, .magazine h4, .magazine h5, .magazine h6 { color: #333; font-family: 'Open Sans', sans-serif; } .magazine .entry-title a, .magazine .sidebar .widget-title a { color: #333; } .magazine .entry-title a:hover, .magazine .sidebar .widget-title a:hover { color: #4885a1; } .magazine .entry-content ol, .magazine .entry-content p, .magazine .entry-content ul { font-family: 'Open Sans', sans-serif; } .mcat-intro { margin: 0 0 20px 30px; padding: 10px 20px 0; border: 8px solid #ebebeb; margin-top: 30px; } .mcat-intro h4 { font-size: 30px; background-color: #fe7625; width: 300px; color: #fff; padding: 10px; margin: -40px 0 20px 0; } .rock-roll.mcat-intro h4, .educational-frontline.mcat-intro h4 { width: 400px; } .school-spirit.mcat-intro h4 { width: 250px; } .mcat-intro p { font-size: 14px; } .magazine .sidebar h2 { font-size: 20px; } .magazine .sidebar .widget-title { margin: 0; padding: 10px; } .ad .widget { padding: 0; width: 740px; margin: 20px auto 0; } .post-type-archive-magazine .magazine-category-info { display: none; } .post-type-archive-magazine .archive-pagination, .tax-magazine-category .archive-pagination { display: none; } .magazine .toggle-link::before { color: #fff; margin-left: 0; } .magazine .toggle-widget { top: 145px; } .magazine .toggle-widget.shrink { top: 110px; } .magazine .search-form input { background-color: #aaa; } .magazine-footer li.toggle-link { display: none; } .magazine .one-half { width: 47.71%; float: right; margin: 0 0 20px; } .magazine .one-half.first { float: left; } .magazine .one-half .entry-header h2 { font-size: 26px; } .magazine-footer .social { margin-bottom: 40px; } .magazine .sidebar .widget-title { margin: 0; padding: 0 0 10px; } .sidebar .social li { display: inline-block; border-bottom: none; margin: 20px 15px 0 0; } .social .facebook:before { background-color: #3B5998; } .social .twitter:before { background-color: #4099FF; } .social .google:before { background-color: #DD4B39; } .social .rss:before { background-color: #FF6600; } .social .facebook:before, .social .twitter:before, .social .twitter:before, .social .google:before, .social .rss:before { font-family: 'dashicons'; font-size: 26px; color: #fff; padding: 15px; } .social .facebook:before { content: "\f305"; } .social .twitter:before { content: "\f301"; } .social .google:before { content: "\f462"; } .social .rss:before { content: "\f303"; } /* Magazine Top Ten -------------------------------------------- */ .magazine .widget_widget_tptn_pop { padding: 0; border: none; } /*------------------------------------- Media Queries --------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { ; } @media only screen and (max-width: 1400px) { } @media only screen and (max-width: 1200px){ .content { padding: 0 50px 0 30px; } .degree-finder-bottom form.degree-finder select { width: 28%; margin: 5px 15px 20px; } } @media only screen and (max-width: 1139px) { .wrap { max-width: 960px; } .title-area { padding: 0; } .content { width: 67%; padding: 0 30px; } .sidebar-primary { max-width: 300px; } .sticky-sidebar { width: 300px; } .nav-primary a {padding: 5px 8px; } .shrink .nav-primary a { padding: 5px 15px; } .magazine .toggle-widget { top: 215px; } .home-featured .widget_text { padding: 65px 300px 0 50px; } .home .degree-finder-wrapper { width: 32%; } .home-featured .widget_text { width: 68%; } .featured-content .entry-title { font-size: 16px; } .rankings .rank li { margin: 20px 4%; } .latest .entry-title a { font-size: 20px; } .trending li a { color: #FFFFFF; font-size: 18px; } .home .popular .widget_nav_menu { width: 25%; } .degree-finder-bottom form.degree-finder select { } .intro .widget_nav_menu { width: 30%; } .intro .textwidget { width: 65%; } .degree-finder-bottom form.degree-finder select { float: none; width: 80%; } .sdeg { font-size: 25px; } .sdeg:after { font-size: 30px; } li.search { width: 150px; margin: 3px 0 0 5px; } .site-header .search-form input[type="search"] {font-size: 12px; } .magazine-nav li { padding: 10px 12px; } .shrink .magazine-nav li { padding: 2px 12px; } .toggle-link::before { font-size: 20px; } .magazine-nav li a { font-size: 14px; } } @media only screen and (max-width: 1023px) { .wrap { width: 95%; } .site-header .wrap, .nav-primary .wrap, .mag-header .wrap { width: 100%; } .site-description { display: none; } .title-area, .magazine .title-area a, .nav-primary, .nav-secondary { width: 100%; text-align: center; float: none; } .title-area a {float: none; margin: 5px auto 0; } .site-header, .mag-header { z-index: 5; } .home-featured { margin-top: 40px; } .search-form input { float: none; margin: 0 auto; } .site-inner { margin-top: 40px; } .entry-content p { word-break: break-word; } .sticky-sidebar[style] { top: 45px !important; } .magazine .site-inner { margin-top: 30px; } .magazine-nav { width: 100%; clear: right; } .magazine-nav li a { font-size: 14px; } .magazine-nav li { float: none; } li.search { display: inline-block; float: none; vertical-align: middle; margin-bottom: 5px; } .entry-content .subscribe.aligncenter { width: 100%; } .sidr .title-area a, .magazine .sidr .title-area a { height: 55px; overflow: hidden; text-indent: -9999px; background: url(images/logo-white.png)no-repeat scroll 8px center rgba(0, 0, 0, 0); background-size: 140px; } .magazine button.slide-nav-link { color: #fff; } .admin-bar button.slide-nav-link { top: 42px; } .sidr .magazine.title-area a { display: block; height: 80px; overflow: hidden; text-indent: -9999px; width: 100%; background: url(images/logo-magazine.png) no-repeat scroll 8px center rgba(0, 0, 0, 0); margin-top: 0; background-size: 90px; } .sidr li.support a { font-size: 25px; padding-top: 20px;} .supersideme .sidr-inner {margin-bottom: 200px; } .sidr li a, .sidr .menu-item a { padding: 15px; } .supersideme .slide-nav-link:before { font-size: 25px; } a.search-link { display: block; } .magazine a.search-link:before { color: #fff; } a.search-link:before {content: "\f4a4"; font-family: "ionicons"; color: #3c6d84; font-size: 25px; display: block; cursor: pointer; position: fixed; top: 3px; right: 20px; z-index: 10; } .admin-bar a.search-link:before { top: 35px; } .title-area a { height: 40px; width: 126px; background-size: 125px; } .magazine .title-area a {height: 40px;width: 161px;background: url(images/logo-mag-mob.png) no-repeat scroll left top transparent;background-size: 164px;} header.mag-header { padding: 8px 0 0; } .mobile-search { display: none; margin-top: 70px; /*width: 100%; */: } /*.mobile-search .wrap { float: right; width: 60%; }*/ .mobile-search .search-form input { width: 80%; font-size: 14px; padding: 10px; } .mobile-search .widget_search input[type="submit"] { font-size: 25px; font-family: "ionicons"; float: right; padding: 7px 15px; width: auto; } .mobile-search .widget { margin-bottom: -40px; } .home .mobile-search .widget { margin-bottom: -20px; } } @media only screen and (max-width: 979px) { .site-footer { margin-bottom: 48px; } .home .site-footer { margin-bottom: 0; } .sidebar-primary { max-width: 280px; } .sticky-sidebar { width: 280px; } .schbtn span { font-size: 12px; } .schbtn { font-size: 16px; } .entry-content .subscribe input[type="submit"] { width: 75%; } } @media only screen and (max-width: 968px) { .home-featured .widget_text p { font-size: 28px; } .home .degree-finder-wrapper { width: 34%; } .home-featured .widget_text { width: 66%; } .intro, .trending, .popular, .rankings { padding: 5rem 0; padding: 50px 0; } .trending .tptn_posts_daily li { width: 45%; } .degree-finder-bottom form.degree-finder select { float: none; width: 80%; } .degree-finder-bottom form.degree-finder input[type="submit"] { width: 80%; padding-right: 15px; } .degree-finder-bottom .widget { padding: 30px 20px; } h1 { font-size: 34px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } .degree-finder-wrapper h4.widgettitle { font-size: 20px; } .magazine-nav-secondary { float: none; text-align: center; } .magazine-nav li, .magazine-nav-secondary { width: 100%; } .magazine-nav li { text-align: center; } .magazine-nav .responsive-menu { display: none; } .magazine-nav #responsive-menu-icon { display: block; text-align: center; } .magazine-nav #responsive-menu-icon::before { color: #fff; } .magazine-nav-secondary { margin-top: 5px; } .magazine .search-form input { width: 100%; } } @media only screen and (max-width: 928px) { .rankings .rank li { height: 130px; width: 130px; font-size: 20px; } .left-half-wrap, .right-half-wrap { float: none; width: 100%; margin-right: 0; } } @media only screen and (max-width: 900px) { .sticky-sidebar, .mss { width: 100%; } .sidebar .widget_mc4wp_form_widget input { font-size: 14px; } .sidebar .widget_mc4wp_form_widget input[type="submit"] { font-size: 12px; } } @media only screen and (max-width: 895px) { .home-featured .widget_text { padding: 50px 275px 0 50px; } .home-featured .widget_text p { font-size: 26px; } .degree-finder-wrapper h4.widgettitle { font-size: 20px; } form.degree-finder input[type="submit"] { font-size: 16px; } .content { width: 65%; } .sidebar-primary { max-width: 250px; } .sticky-sidebar { width: 250px; } .sdeg { font-size: 20px; } .sdeg:after { font-size: 25px; } .subscribe.alignright { float: none; width: 75%; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 820px) { .sidebar-primary .degree-finder-wrapper .widget { padding: 20px 30px 40px; } } @media only screen and (max-width: 805px) { .home-featured .widget_text p { font-size: 24px; } .rankings .rank li { margin: 20px 3%; } .home .popular .widget_nav_menu, .home .popular .widget_nav_menu:last-child { width: 47%; margin: 10px 2.5% 0 0; } .home .popular li:before { margin: 0 10px 0 0; } .home-featured .widget_text { padding: 35px 300px 0 35px; } .trending .wrap {padding: 0 20%; } .trending .tptn_posts_daily li, .trending .tptn_posts_daily li:nth-of-type(3n+3) { width: 100%; } .trending .tptn_posts_daily li a { font-size: 22px; } } @media only screen and (max-width: 782px) { .admin-bar .site-header { top: 46px; } .admin-bar button.slide-nav-link { top: 56px; } .admin-bar a.search-link:before { top: 49px; } .admin-bar .mag-header { top: 46px; } } /*break out full width*/ @media only screen and (max-width: 768px) { .wrap { width: 90%; } body { font-size: 16px; } .content, .sidebar, .mss, .title-area, .sidebar-content .content, .home-featured .widget_text { width: 100%; } .home .degree-finder-wrapper, .sidebar-primary .degree-finder-wrapper, .content .degree-finder-wrapper { float: none; width: 50%; margin: 0 auto; } .home .degree-finder-wrapper { height: auto; } .intro .widget_nav_menu { float: none; width: 60%; margin: 0 auto 30px; } .intro .textwidget { width: 95%; } .nav-primary .responsive-menu { display: none; } .nav-primary #responsive-menu-icon { display: block; text-align: center; } .degree-finder-bottom .degree, .degree-finder-bottom .sidebar-content .content { float: none; } .content-sidebar-wrap { display: table; } .content { display: table-footer-group; float: none; padding: 0; } .sidebar { display: table-header-group; float: none; } .magazine .content { display: inline-block; float: none; } .magazine .sidebar { display: inline-block; float: none; } .magazine .sidebar-primary { max-width: 100%; } .sidebar-content .sidebar-primary { float: none; } .sidebar #text-30 { display: block; } .sidebar .widget_text, .sidebar .widget_categories, .sidebar .widget_nav_menu, .sidebar .widget_widget_tptn_pop { display: none; } .menu-primary li {width: 100%; padding: 5px 0; font-size: 16px; } .menu-primary li a { text-align: center; } .menu-primary li.toggle-link, .menu-primary li.menu-facebook, .menu-primary li.menu-twitter, .menu-primary li.menu-google { width: 40px; } .home-featured { padding: 40px 0; } .home-featured .degree-finder-wrapper { margin-bottom: 50px; } .home-featured .widget_text p { font-size: 30px; } .rankings .rank li { padding: 37px 0; margin: 20px 2.8%; } .intro .wrap { padding: 0; } .archive-pagination li a { margin-bottom: 4px; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .cdeg[style], .elrn[style] { width: 75% !important; padding: 5px; } .one-half.first.bullet ul { margin-bottom: 0; } .single .entry-content div.fluid-width-video-wrapper { width: 100% !important; } img.centered, .aligncenter { display: block; margin: 0 auto 10px; } img.alignnone { display: inline; margin: 0 0 10px; } img.alignleft { display: inline; margin: 6px 15px 10px 0; } img.alignright { display: inline; margin: 6px 0 10px 15px; } .mcat-intro { margin-left: 0; } .wp-caption.alignnone[style] { width: 100% !important; } .site-header .search-form { padding: 10px; width: 75%; margin: 0 auto 10px; } .site-header .search-form:before { font-size: 35px; } .site-header .search-form input[type="search"] { font-size: 18px; } .search-form input[type="submit"] { font-size: 38px; } .entry-content .tbssidebar { width: 50%; } } @media only screen and (max-width: 744px) { .rankings .rank li { margin: 20px 2%; } .trending .wrap {padding: 0 15%; } } @media only screen and (max-width: 690px) { .home .degree-finder-wrapper, .sidebar-primary .degree-finder-wrapper, .content .degree-finder-wrapper { width: 60%; } .intro .widget_nav_menu { width: 70%; } .home .popular .widget_nav_menu, .home .popular .widget_nav_menu:last-child { width: 100%; margin: 0; } .home .popular .widget_nav_menu { font-size: 18px; } .home .popular ul { margin: 10px 0 0 30%; } .popular .widget-title, .rankings .widget-title, .latest .widget-title { margin-bottom: 30px; } .intro, .trending, .popular, .rankings { padding: 40px 0; } .rankings .rank li { height: 120px; width: 120px; } } @media only screen and (max-width: 650px) { .rankings .rank li { width: 110px; height: 110px; font-size: 18px; padding: 35px 0 0; } .home .latest article { width: 100%; text-align: center; } h1 { font-size: 26px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } } @media only screen and (max-width: 640px) { .home .popular ul { margin: 1rem 0 0 26%; margin: 10px 0 0 26%; } .home-featured .widget_text p { font-size: 24px; } .creds { float: none; text-align: center; } .menu-footer-bottom-container { float: none; margin: 2rem 0 0; margin: 20px 0 0; text-align: center; } } @media only screen and (max-width: 600px) { .panelist p.wp-caption-text { font-size: 10px; } } @media only screen and (max-width: 581px) { .home .degree-finder-wrapper, .sidebar-primary .degree-finder-wrapper, .content .degree-finder-wrapper { width: 75%; } .intro .widget_nav_menu { width: 85%; } .rankings .rank li { width: 100px; height: 100px; font-size: 16px; padding: 3rem 0; padding: 30px 0; } .home-featured .widget_text p { font-size: 22px; } } @media only screen and (max-width: 560px) { .home .popular ul { margin: 1rem 0 0 20%; margin: 10px 0 0 20%; } .mcat-intro h4, .rock-roll.mcat-intro h4, .educational-frontline.mcat-intro h4, .school-spirit.mcat-intro h4 { font-size: 25px; width: 100%; } .trending .wrap {padding: 0 10%; } } @media only screen and (max-width: 530px) { .home-featured .widget_text { display: none; } .featured-content .entry-title { font-size: 16px; } .rankings .rank li { margin: 2rem 12%; margin: 20px 12%; } .cont-prof .video { display: none; } .entry-content select { width: 100%; font-size: 14px; } .comment-list li, .ping-list li { padding: 3%; } .comment-list li li { margin-right: -3%; } div.wp-caption.alignleft[style], div.wp-caption.alignright[style] { width: 50% !important; } .entry-content .subscribe.aligncenter { text-align: center; } .entry-content .subscribe.aligncenter input[type="email"] { width: 75%; } .entry-content .subscribe.aligncenter input[type="submit"] { float: none; margin: 15px 0 0; width: 50%; } } @media only screen and (max-width: 477px) { .home .degree-finder-wrapper, .sidebar-primary .degree-finder-wrapper, .content .degree-finder-wrapper, .intro .widget_nav_menu { width: 100%; } .cdeg[style], .elrn[style], .single div[style] { font-size: 12px; } } @media only screen and (max-width: 450px) { .home .popular ul { margin: 1rem 0 0 4%; margin: 10px 0 0 4%; } .entry-content .tablepress { font-size: 4px; } table.full-width { font-size: 12px; } } @media only screen and (max-width: 440px) { .rankings .rank li { margin: 20px 10%; } img.alignleft, img.alignright { width: 40%; } .entry-content .tbssidebar[style] { width: 50%; } } @media only screen and (max-width: 410px){ .subscribe-page .mc4wp-form-fields input[type="email"] { max-width: 70%; } } @media only screen and (max-width: 380px) { .home .popular .widget_nav_menu { font-size: 14px; } .home .popular li:before { font-size: 16px; } .rankings .rank li { margin: 20px 8%; } } @media only screen and (max-width: 372px) { .entry-content .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding: 1em 0 !important; } .footer-facebook:before, .footer-twitter:before, .footer-google:before, .footer-subscribe:before, .footer-rss:before { font-size: 20px; padding: 10px; } } @media only screen and (max-width: 334px) { .rankings .rank li { margin: 20px 5%; } img.alignleft, img.alignright { width: 30%; } .sidebar .widget-title { font-size: 20px; } } /* Print Styles */ @media print { body { background: white; color: black; } .site-header, .sidebar, .footer-widgets, .entry-comments, .fluid-width-video-wrapper, .sticky-sidebar, ul.state-list, .cdeg, .elrn, form.boc, .b2toc, .degree-finder-bottom { display: none; } .site-inner:before { content: url(images/logo.png); } .site-inner { margin-top: 0; } .content { width: 100%; font-size: 12pt; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; } img { page-break-inside: avoid; page-break-after: avoid; } blockquote, table, pre { page-break-inside: avoid; } ul, ol, dl { page-break-before: avoid; } .site-footer { background: white; color: black; } .site-footer a { color: black; } }